﻿{extend name="public/top"}

{block name="script"}

<script src="__HEHE__/style/jquery-1.4.1.min.js" type="text/javascript"></script>
<script src="__HEHE__/style/jquery.error.js" type="text/javascript"></script>
<script src="__HEHE__/style/jtemplates.js" type="text/javascript"></script>
<script src="__HEHE__/style/jquery.form.js" type="text/javascript"></script>
<script src="__HEHE__/style/lazy.js" type="text/javascript"></script>
<script type="text/javascript" src="__HEHE__/style/wp-sns-share.js"></script>
<script type="text/javascript" src="__HEHE__/style/voterajax.js"></script>
<script type="text/javascript" src="__HEHE__/style/userregister.js"></script>
<script>
    function subForm() {
        formsearch.submit();
        //form1为form的id
    }
</script>
<script type="text/javascript">
    function showMask() {
        $("#mask").css("height", $(document).height());
        $("#mask").css("width", $(document).width());
        $("#mask").show();
    }
</script>
{/block}

{block name="css"}

<link rel="stylesheet" type="text/css" media="all" href="__HEHE__/style/style.css"/>
<link rel="stylesheet" href="__HEHE__/style/votestyles.css" type="text/css"/>
<link rel="stylesheet" href="__HEHE__/style/voteitup.css" type="text/css"/>
<link rel="stylesheet" href="__HEHE__/style/list.css" type="text/css"/>

{/block}


{block name="content"}
<div id="wrapper">


    <div id="xh_container">
        <div id="xh_content">

            <div class="path"><a href='#'>主页</a> > <a href='/lookbike/'>单车分类</a> ></div>
            <div class="clear"></div>
            <div class="xh_area_h_3" style="margin-top: 40px;">


                {volist name="allArticle" id="v"}
                <div class="xh_post_h_3 ofh">

                    {if($v.thumb)}

                    <div class="xh">
                        <a href="{:url('article/index',array('id'=>$v['id']))}"
                           title="">
                            <img src="{$v.thumb}" alt="{$v.title}" height="240" width="400"></a></div>

                    <div class="r ofh">
                        <h2 class="xh_post_h_3_title ofh" style="height:60px;">
                            <a href="{:url('article/index',array('id'=>$v['id']))}"
                               title="">{$v.title}</a>
                        </h2>
                        <span class="time">{$v.time|date="Y年m月d日 H:i:s",###}</span>
                        <div class="xh_post_h_3_entry ofh" style="color:#555;height:80px; overflow:hidden;">
                            {$v.des}
                        </div>
                        <div class="b">
                            <a href="{:url('article/index',array('id'=>$v['id']))}" class="xh_readmore" rel="nofollow">read
                                more</a> <span title="0人赞" class="xh_love"><span
                                class="textcontainer"><span>0</span></span> </span> <span title="88人浏览"
                                                                                          class="xh_views">
                                                    {$v.click}</span>
                        </div>
                    </div>
                    {else /}

                    <div class="ofh">
                        <h2 class="xh_post_h_3_title ofh" style="height:60px;">
                            <a href="{:url('article/index',array('id'=>$v['id']))}"
                               title="">{$v.title}</a>
                        </h2>
                        <span class="time">{$v.time|date="Y年m月d日 H:i:s",###}</span>
                        <div class="xh_post_h_3_entry ofh" style="color:#555;height:80px; overflow:hidden;">
                            {$v.des}
                        </div>
                        <div style="height: 15px;margin-bottom: 10px">
                            <a href="{:url('article/index',array('id'=>$v['id']))}" class="xh_readmore" rel="nofollow">read
                                more</a>


                            <span title="0人赞" class="xh_love"><span
                                class="textcontainer"><span>0</span></span>
                            </span> <span title="88人浏览" class="xh_views">{$v.click}</span>


                        </div>
                    </div>
                    {/if}
                </div>
                {/volist}



                <div id="pagination">
                    <div class="wp-pagenavi">

                        {$allArticle->render()}

                    </div>
                </div>
            </div>
        </div>


        <style>
            .pagination {
                padding-left: 0;
                margin: 1.5rem 0;
                list-style: none;
                color: #999999;
            }
            .pagination li {
                display: inline-block;
            }
            .pagination li.active span {
                display: inline-block;
                padding: 0.5em 1em;
                line-height: 1.2;
                z-index: 2;
                color: #fff;
                background-color: #0e90d2;
                border-color: #0e90d2;
                cursor: default;
            }
            .pagination li span {
                display: inline-block;
                padding: 0.5em 1em;
                line-height: 1.2;
                border: 1px solid #ddd;
                border-radius: 0;
                margin-bottom: 5px;
                margin-right: 5px;
            }

            .pagination li a {
                position: relative;
                display: block;
                padding: 0.5em 1em;
                text-decoration: none;
                line-height: 1.2;
                background-color: #fff;
                border: 1px solid #ddd;
                border-radius: 0;
                margin-bottom: 5px;
                margin-right: 5px;
            }
        </style>


        <div id="xh_sidebar">
            <!-- 右侧 -->

            <div class="widget">

               <h1>{$fenlei.catename}-热门文章</h1>

                <div style="background: url('__HEHE__/style/img/hots_bg.png') no-repeat scroll 0 0 transparent;width:250px;height:52px;margin-bottom:15px;">
                </div>
                <ul id="ulHot">

                    {volist name="hotarticle" id="v"}
                    {if($v.thumb)}
                    <li style="border-bottom:dashed 1px #ccc;height:70px; margin-bottom:15px;">
                        <div style="float:left;width:85px;height:55px; overflow:hidden;">
                            <a href="{:url('article/index',['id'=>$v['id']])}" ><img src="{$v.thumb}" width="83" title=""/></a>
                        </div>
                        <div style="float:right;width:145px;height:52px; overflow:hidden;">
                            <a href="{:url('article/index',['id'=>$v['id']])}" title="">{$v.des|msubstr=0,21,'utf-8',true} </a>
                        </div>
                    </li>
                    {else}
                    <li style="border-bottom:dashed 1px #ccc;height:70px; margin-bottom:15px;">
                        <div style="width:100%;height:52px; overflow:hidden;">
                            <a href="{:url('article/index',['id'=>$v['id']])}" title="">{$v.des|msubstr=0,21,'utf-8',true} </a>
                        </div>
                    </li>
                    {/if}
                    {/volist}
                </ul>
            </div>


            <div class="widget portrait">
                <div>
                    <div class="textwidget">
                        <a href="/tougao.html"><img src="__HEHE__/images/tg.jpg"></a><br><br>
                        <script type="text/javascript">BAIDU_CLB_fillSlot("870073");</script>
                        <script type="text/javascript">BAIDU_CLB_fillSlot("870080");</script>
                        <script type="text/javascript">BAIDU_CLB_fillSlot("870081");</script>
                    </div>
                </div>
            </div>


        </div>
        <div class="clear">
        </div>
    </div>
    <div class="boxBor"></div>

    <div class="boxBor" onclick="IBoxBor()" style="cursor:pointer;"></div>
    <script type="text/javascript">
        $(function () {
            var imgHoverSetTimeOut = null;
            $('.xh_265x265 img').hover(function () {
                var oPosition = $(this).offset();
                var oThis = $(this);
                $(".boxBor").css({
                    left: oPosition.left,
                    top: oPosition.top,
                    width: oThis.width(),
                    height: oThis.height()
                });
                $(".boxBor").show();
                var urlText = $(this).parent().attr("href");
                $("#hdBoxbor").val(urlText);
            }, function () {
                imgHoverSetTimeOut = setTimeout(function () {
                    $(".boxBor").hide();
                }, 500);
            });
            $(".boxBor").hover(
                function () {
                    clearTimeout(imgHoverSetTimeOut);
                }
                , function () {
                    $(".boxBor").hide();
                }
            );
        });

        function IBoxBor() {
            window.open($("#hdBoxbor").val());
        }

        function goanewurl() {
            window.open($("#hdUrlFocus").val());
        }
    </script>

</div>
{/block}